<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width-device-width,initial-scale=1">
    <link rel="stylesheet" href="dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="dist/css/site.css">
    <title>Title</title>
</head>
<body class="container">
<nav class="navbar navbar-inverse" id="nav1">
    <div class="container-fluid">
        <div class="navbar-header">
            <div class="navbar-brand">
                day1
            </div>
            <button data-target="#divNav" data-toggle="collapse" class="navbar-toggle">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
        </div>

        <div id="divNav" class="collapse navbar-collapse">
            <ul class="nav navbar-nav">
                <li><a href="#"> Home</a> </li>
                <li><a href="#"> about</a> </li>
            </ul>

        </div>
    </div>
</nav>


<header>
    <h1>bootstrap
        <small>day1</small>
    </h1>
</header>

<div class="row">
    <div class="col-sm-2">
        <div>
            <ul class="list-group">
                <li class="list-group-item"><a href="#">link</a></li>
                <li class="list-group-item"><a href="#">link</a></li>
                <li class="list-group-item"><a href="#">link</a></li>
                <li class="list-group-item"><a href="#">link</a></li>
            </ul>
        </div>
    </div>
    <div class="col-sm-7">
        <blockquote>
            正文区域
            <footer >--来自bootstrap</footer>
        </blockquote>

        <div>
            <table class="table table-hover table-stried table-condensed">
                <tr>
                    <td>西游记</td>
                    <td>吴承恩</td>
                    <td>59.00</td>
                    <td>2016-01-01</td>
                </tr>
                <tr>
                    <td>三国</td>
                    <td>罗贯中</td>
                    <td>59.00</td>
                    <td>2016-01-01</td>
                </tr>

                <tr>
                    <td>红楼梦</td>
                    <td>曹雪芹</td>
                    <td>59.00</td>
                    <td>2016-01-01</td>
                </tr>
                <tr>
                    <td>西游记</td>
                    <td>吴承恩</td>
                    <td>59.00</td>
                    <td>2016-01-01</td>
                </tr>
                <tr>
                    <td>三国</td>
                    <td>罗贯中</td>
                    <td>59.00</td>
                    <td>2016-01-01</td>
                </tr>

                <tr>
                    <td>红楼梦</td>
                    <td>曹雪芹</td>
                    <td>59.00</td>
                    <td>2016-01-01</td>
                </tr>
                <tr>
                    <td>西游记</td>
                    <td>吴承恩</td>
                    <td>59.00</td>
                    <td>2016-01-01</td>
                </tr>
                <tr>
                    <td>三国</td>
                    <td>罗贯中</td>
                    <td>59.00</td>
                    <td>2016-01-01</td>
                </tr>

                <tr>
                    <td>红楼梦</td>
                    <td>曹雪芹</td>
                    <td>59.00</td>
                    <td>2016-01-01</td>
                </tr>

            </table>
        </div>
    </div>
    <div class="col-sm-3">右侧</div>
</div>

<footer class="navbar-fixed-bottom label-info text-center">
    all images and contents &copy;
    <abbr title="hyper tet markup language">htm</abbr>
</footer>

<script src="dist/js/jquery.min.js"></script>
<script src="dist/js/bootstrap.min.js"></script>

</body>
</html>